$(function(){

 //初始化插件
 $("#slider").slidebox({
    boxh: 430, //盒子的高度
    w: 1000, //图片的宽度
    h: 400, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 12, //控制按钮宽度
    controlsH: 12, //控制按钮高度
    radius: 6 //控制按钮圆角度数
});

//热卖畅销移入事件
$('.hotBooks li').on('mouseenter', function () {
    
    $(this).addClass('on').siblings('li').removeClass('on')
   

})

   //电子书手风琴
   $('.book-newbook li').on('mouseenter', function () {
    //div里面的内容隐藏
    $('.book-newbook li div').hide()
    //其他li下面的标题显示
    $('.book-newbook li h4').show()

    //隐藏当前li下面的标题
    $('h4', this).hide();

    //显示当前li下面的内容
    $('div', this).show();


})


//初始化插件
//  $("#proSlider").slidebox({
//     boxh: 430, //盒子的高度
//     w: 1000, //图片的宽度
//     h: 400, //图片的高度
//     isShow: true, //是否显示控制器
//     isShowBtn: true, //是否显示左右按钮
//     controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
//     controlsW: 12, //控制按钮宽度
//     controlsH: 12, //控制按钮高度
//     radius: 6 //控制按钮圆角度数
// });

  //产品轮播
  $("#proSlide").slidebox({
    boxh: 540,//盒子的高度
    w: 1200,//图片的宽度
    h: 500,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 12,//控制按钮宽度
    controlsH: 12,//控制按钮高度
    radius: 6//控制按钮圆角度数
});


 //猜你喜欢(换一批)
   

    //获取li的长度
    let len = $('.guess-ul .prolist').length

    //复制第一个li,并追加到ul中
    $('.guess-ul .prolist').eq(0).clone().appendTo('.guess-ul')

    //box中li的索引
    let index = 0;

    //获取li的高度
    let hei = $('.guess-ul .prolist').outerHeight()

    //前一次点击时间
    let firstTime= new Date()
    
    //注册点击事件
    $('#changeBtn').on('click', function (){
        //后一次点击时间
        let secondTime= new Date()

        //判断时间小于300毫秒不执行
        if(secondTime-firstTime >300){
        //索引自增
        ++index;

        //运动
        $('.guess-ul').stop().animate({top: -index * hei}, function(){
            //运动完成后才执行该函数
            if( index >= len ){
                index = 0;
                $('.guess-ul').css('top', 0) //瞬间完成
            }
        })

        }
        
        //重新获取第一次点击时间
        firstTime =secondTime
        
    })

})